<div id="content" class="content" ng-controller="welcome">
    <div class="page-container">
        <div class="page-title clearfix">
            <div class="clearfix top-node-wrap">
                <div class="pull-left">
                    <h2><a href="javascript:;" class="btn btn-primary title-tree"><i class="icon icon-tree"></i></a> 用户列表
                    </h2>
                </div>
                <div class="pull-right">
                    <div class="title-buttons mr10">
                        <a class="btn btn-success close-node" href="http://localhost:3000/welcome.html#/adduser">新增用户</a>
                        <div class="popover left" id="nodeDetailPopover">
                            <div class="arrow"></div>
                            <div class="popover-content"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="monitor-form-wrap">
            <div class="monitor-tab-panel">
                <div class="clearfix nav-tabs-wrap">
                    <div class="pull-right" style="padding: 3px">
                        <input class="form-control pull-left mr10" placeholder="用户查询" style="width: 200px" value="" ng-change="change()"  ng-model="keyword">
                    </div>
                </div>
                <div class="tab-content">
                    <div class="status-table-wrap">
                        <div class="clearfix" style="margin-bottom: 10px">
                            <div class="dropdown pull-left">
                                <button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">批量开关通知 <span class="caret"></span></button>
                                <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
                                    <li><a tabindex="-1" href="javascript:;" data-id="multi1"><i class="icon mr5 icon-lock"></i>批量关闭报警项通知</a></li>
                                    <li><a tabindex="-1" href="javascript:;" data-id="multi2"><i class="icon mr5 icon-unlock"></i>批量开启报警项通知</a></li>
                                </ul>
                            </div>
                            <a href="#" target="_blank" class="btn btn-default pull-left" data-gl-key="49">开关记录</a>
                        </div>
                        <table class="table table-hover table-iptcheck">
                            <thead>
                            <tr>
                                <th width="15"><input type="checkbox" class="j-iptcheck j-allcheck" value="all"></th>
                                <th>用户名</th>
                                <th>用户密码</th>
                                <th>性别</th>
                                <th>地区</th>
                                <th>手机号码</th>
                                <th>&nbsp;</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr dir-paginate="users in appList.data | filter: q | itemsPerPage: appList.usersPerPage" total-items="appList.totalUsers" current-page="appList.pagination.current">
                                <td><input type="checkbox" class="j-iptcheck" value="2"/></td>
                                <td ng-bind="users.name"></td>
                                <td ng-bind="users.password"></td>
                                <td ng-bind="users.sex"></td>
                                <td ng-bind="users.address"></td>
                                <td ng-bind="users.number"></td>
                                <td width="100">
                                    <a href="#" target="_blank" class="link-view" title="查看通知历史记录"><i class="icon icon-notify"></i></a>
                                    <a href="#" ng-click="appList.Deleted($index)" class="link-view"><i class="icon icon-collect"></i></a>
                                </td>
                            </tr>
                            </tbody>
                        </table>
                        <!--空数据显示
                        <div class="alert alert-warning alert-small" role="alert">没有查询到符合条件的记录.</div>
                        -->
                        <div class="clearfix paginationRight">
                            <dir-pagination-controls on-page-change="appList.pageChanged(newPageNumber)"></dir-pagination-controls>
                        </div>
                    </div>
                </div>
                <div class="multi-box-alarm" id="multi1">
                    <span class="multi-txt">已选 <b>0</b> 项</span>
                    <button class="btn btn-primary multi-ok" disabled="">批量关闭报警项通知</button>
                    <button class="btn btn-default multi-cancel">取消</button>
                </div>
                <div class="multi-box-alarm" id="multi2">
                    <span class="multi-txt">已选 <b>0</b> 项</span>
                    <button class="btn btn-primary multi-ok" disabled="">批量开启报警项通知</button>
                    <button class="btn btn-default multi-cancel">取消</button>
                </div>
            </div>
        </div>
    </div>
</div>